<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>机票预订 - 骡窝窝</title>
    <meta name="renderer" content="webkit"/>
    <script type="text/javascript" src="/js/jquery/jquery.min.js"></script>
<#--<link href="https://css.mafengwo.net/css/cv/css+base:css+jquery.suggest:css+plugins:css+plugins+jquery.jgrowl:css+other+popup:css+mfw-header.2015^YlVS^1559526017.css"
      rel="stylesheet" type="text/css"/>-->


<#--<link href="https://css.mafengwo.net/css/cv/flight+css+list:mobile+css+loading-80:css+jquery-ui-1.11.0.min:css+hotel+datepicker-range^a1w^1552035728.css"
      rel="stylesheet" type="text/css"/>-->

<#--<script language="javascript"
        src="https://js.mafengwo.net/js/cv/js+jquery-1.8.1.min:js+global+json2:js+M+Module:js+M+M:js+M+Log:js+m.statistics:js+advert+inspector^alw^1562232559.js"
        type="text/javascript" crossorigin="anonymous"></script>-->
    <link href="/js/plugins/datepicker/datepicker.css" rel="stylesheet">
    <script type="text/javascript" charset="utf-8" src="/js/ueditor/umeditor.min.js"></script>
<#--<script type="text/javascript" src="/js/ueditor/lang/zh-cn/zh-cn.js"></script>-->
    <script src="/js/plugins/datepicker/datepicker.js"></script>
<#--<script src="/js/plugins/jquery-form/jquery.form.js"></script>-->

<#--<link href="/js/plugins/chosen/chosen.css" rel="stylesheet" type="text/css">-->
<#--<script type="text/javascript" src="/js/plugins/chosen/chosen.jquery.js"></script>-->
<#--<script type="text/javascript" src="/js/system/common.js"></script>-->
    <script type="text/javascript" src="/js/system/addtravelnote.js"></script>

    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/lanrenzhijia.css" rel="stylesheet" type="text/css">
    <link href="/styles/planetickedt.css" rel="stylesheet" type="text/css">
    <link href="/js/plugins/jqPaginator/jqPagination.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>
    <script type="text/javascript" src="/js/plugins/messager/jquery.bootstrap.min.js"></script>
    <script type="text/javascript" src="/js/plugins/city/city.js"></script>


    <script>

        //城市框内容互换
        function switchCity() {
            var depar = $("#departCity").val();
            var dest = $("#destCity").val();
            $("#destCity").val(depar);
            $("#departCity").val(dest);
        };

        $(function () {

            //游记分页
            $(".com-opt").change(function () {
                $("#currentPage").val(1);

                $("#filtrateForm").submit();
            })

            //搜索
            $("#search").click(function () {
                $("#searchForm").submit();
            })
        });

    </script>

    <style type="text/css">
        .landingTime {margin-right:70px;}
        .landingAirport {margin-right:70px;}
    </style>

</head>
<body>
<#assign currentNav="flight">
<#include "../common/navbar.ftl">
<div class="f-search">
    <div class="f-search-wrap">
        <div class="s-type">
            <a class="on" id="one_way_btn" ng-click="setOneWay()">单程</a>
            <a id="round_way_btn" style="display: none" ng-click="setRonudWay()" disabled="disabled">往返</a>
        </div>

        <form id="searchForm" method="post" action="/flight/list">
            <input type="hidden" name="currentPage" id="currentPage" value="1">
            <div class="s-city">
                <div class="inp-wrap city-wrap">
                    <input class="inp-txt" id="departCity" type="text" ng-model="departCityInput" name="departCityName"
                           value="${(qo.departCityName)!}" placeholder="出发城市" onclick="suggestF.display(this,'',event);"
                           onkeydown="item_suggest.item_display(this,'',event);"
                           onblur="item_suggest.item_onblur(this);"
                           class="stext"/>
                    <div style="display: none" class="inputbox">
                        <span style="display: none" class="keyicon"></span></div>
                </div>
                <a class="btn-switch" onclick="switchCity()"></a>
                <div class="inp-wrap city-wrap">
                    <input class="inp-txt" id="destCity" type="text" ng-model="destCityInput"
                           value="${(qo.destCityName)!}" name="destCityName"
                           placeholder="到达城市" onclick="suggestF.display(this,'',event);"
                           onkeydown="item_suggest.item_display(this,'',event);"
                           onblur="item_suggest.item_onblur(this);"
                           class="stext"/>
                </div>
            </div>
            <div class="s-date">
                <div class="inp-wrap date-wrap pi-date">
                    <input class="pi-input _j_dateinput hasDatepicker" type="text" name="startDate"
                           style="z-index: 551; position: relative;margin-right: 10px;
                           background: url(/images/mafengwo/rq.png) 170px 5px no-repeat;"
                           data-toggle="datepicker" value="${(qo.startDate)!}"/>
                </div>
            </div>
            <div class="s-btn"><a href="javascript:;" id="search">搜索</a></div>
        </form>

    </div>
</div>
<div class="container">
    <div class="main" style="position: relative">
        <div class="f-filter">
            <div class="title" style="display: none" id="city_info_view">
                <span class="label">单程:</span>
            ${(qo.departCityName)!}<i class="arrow"></i>${(qo.destCityName)!}
            </div>
            <form id="filtrateForm" method="post" action="/flight/filtrate">
                <input type="hidden" name="currentPage" id="currentPage" value="1">
                <input type="hidden" name="departCityName" id="departCityName" value="${(qo.departCityName)!}">
                <input type="hidden" name="destCityName" id="destCityName" value="${(qo.destCityName)!}">
                <input type="hidden" name="startDate" id="startDate" value="${(qo.startDate)!}">
                <div class="relcontent yj" style="display: block;">
                    <div class="navbar-sub clearfix">
                        <a href="javascript:;" name="travel" style="font-size: 13px"><strong>机票筛选</strong></a>
                        &ensp;&ensp;
                        起飞机场：
                        <select class="com-opt" name="departureAirport">
                            <option value="-1">不限</option>
                            <#list departureAirports! as f>
                                <option value="${f!}">${f!}</option>
                            </#list>
                        </select>
                        &ensp;&ensp;
                        航空公司：
                        <select id="hk" class="com-opt" name="airlines"  >
                            <option value="-1">不限</option>
                        <#list Airlines! as f>
                        <option value="${f!}" >${f!}</option>
                        </#list>
                        </select>
                        &ensp;&ensp;
                        起飞时间：
                        <select class="com-opt" name="departureTime">
                            <option value="-1">不限</option>
                            <option value="00:00-09:50">00:00-09:50</option>
                            <option value="10:00-13:59">10:00-13:59</option>
                            <option value="14:00-18:59">14:00-18:59</option>
                            <option value="19:00-24:00">19:00-24:00</option>
                        </select>
                        &ensp;&ensp;
                        机型：
                        <select class="com-opt" name="aircraftModels">
                            <option value="-1">不限</option>
                        <#list AircraftModels! as f>
                        <option value="${f!}">${f!}</option>
                        </#list>
                        </select>

                    </div>

                </div>
            </form>
        </div>

        <div class="f-sortbar">
            <div class="loading-bar"><span id="progress_bar" style="width: 100%; display: none;"></span></div>
            <ul class="clearfix">
                <li class="item1"><strong>航空信息</strong></li>
                <li class="item2" ng-click="sortByDepTime()"><span class="f-sort" id="sort_dep_time"><strong>起飞时间<#--<i
                        class="up"></i><i class="down"></i>--></strong></span></li>
                <li class="item3" ng-click="sortByArrTime()"><span class="f-sort" id="sort_arr_time"><strong>到达时间<#--<i
                        class="up"></i><i class="down"></i>--></strong></span></li>
                <li class="item4" ng-click="sortByPrice()"><span class="f-sort" id="sort_price"><strong>价格<#--<i
                        class="up"></i><i class="down"></i>--></strong></span></li>
            </ul>
        </div>
        <div id="flight_list">
            <div class="f-list" ng-repeat="one in result.flights|orderBy:sort.key:sort.type" ng-if="loaded">
                <div class="f-item" ng-attr-id="{{ 'airline-item-' + one.flight_no }}" ng-click="showSubInfo(one)">
                    <#if ! pageInfo.list ??>
                        <div class="f-msg" id="empty_view">
                            <i class="msg-icon-cry"></i>
                            <p>暂无符合条件的机票信息，请重新搜索</p>
                        </div>
                    </#if>
                    <#list pageInfo.list! as f>
                        <div class="f-item-info ng-scope" ng-if="one.flight_no">
                            <div class="f-line">
                                <span class="airline-logo">
                                    <i ng-attr-id="{{ 'logo-item-' + one.flight_no }}" style=" background-size: 100% ; background-image: url(${(f.logoUrl)!});"
                                       id="logo-item-9C8542"   ></i>
                                </span>

                                <div class="v-list-item-icon">
                                    <i class="fltlist-logo fltlist-logo-9C"></i>
                                    <span class="v-list-item-tag"></span>
                                </div>

                                <p class="f-name ng-binding">
                                    ${(f.airlines)!} <span>${(f.flightNum)!}</span>
                                    <!-- ngIf: one.flight_share -->
                                </p>

                                <span>${(f.aircraftModels)!}</span>


                            </div>
                            <div class="f-time">
                                <div class="time ng-binding" ng-bind="one.dep_time">${(f.departureTime)!}</div>
                                <p class="sub ng-binding">${(f.departureAirport)!}</p>
                            </div>
                            <div class="through">
                                <div class="arrow"></div>
                                <p class="duration ng-binding" ng-bind="one.takingTime">${(f.betweenTime)!}</p>
                                <!-- ngIf: one.stop_num > 0 -->
                                    <i class="pop-arrow"></i>
                                    <p >${(qo.week)!}</p>
                            </div>
                            <div class="f-time">
                                <div class="landingTime time" ng-bind="one.arr_time">${f.landingTime}</div>
                                <p class="landingAirport sub">${f.landingAirport}</p>
                            </div>
                            <div class="f-price">
                                <div class="price"><sup>￥</sup><strong ng-bind="getFlightPrice(one)"
                                                                       class="ng-binding">${f.price}</strong>
                                </div>
                            </div>
                            <div class="f-price" height="10">
                                <div class="class-buy">
                                    <a class="f-btn"
                                       href="/flight/order?id=${f.id}&startDate=${qo.startDate}&price=${f.price}">订票</a>
                                </div>
                            </div>
                        </div>
                    </#list>
                </div>
            </div>
        </div>
        <#include "../common/page.ftl">

    </div>

    <div class="aside">
        <div class="service mb10">
            <ul class="clearfix">
                <li class="s1"><i></i><br>航协认证</li>
                <li class="s2"><i></i><br>出行保证</li>
                <li class="s3"><i></i><br>7X24</li>
            </ul>
            <div class="tel">免费客服电话：4006345678</div>
        </div>

        <div class="fltlist-history">
            <div class="fltlist-history-title">历史查询</div>
            <ul class="fltlist-history-list">
                <li class="fltlist-history-item">
                    <div class="fltlist-history-city">
                        <span>${departCity1!}</span><span>⇀</span><span>${destCity1!}</span>
                        <a class="fltlist-history-city-price" href="/flight/list?departCityName=${departCity1!}&destCityName=${destCity1!}&startDate=${startDate1!}">查看</a>
                    </div>
                    <div class="fltlist-history-date">
                        <span>${startDate1!}</span><span class="week">${week1!}</span></div><!----><!----></li>
                <li class="fltlist-history-item">
                    <div class="fltlist-history-city">
                        <span>${departCity2!}</span><span>⇀</span><span>${destCity2!}</span>
                        <a class="fltlist-history-city-price" href="/flight/list?departCityName=${departCity2!}&destCityName=${destCity2!}&startDate=${startDate2!}">查看</a>
                    </div>
                    <div class="fltlist-history-date"><span>${startDate2!}</span><span class="week">${week2!}</span>
                    </div>
                    <!----><!----></li>
            </ul>
        </div>

        <img ng-src="">
        <img src="/images/sm.png" width="100%" height="auto">
    </div>
</div>


<script>
    document.body.setAttribute('ng-controller', 'listController');
</script>


<script language="javascript" src="https://js.mafengwo.net/mobile/js/zepto.js?1550829730" type="text/javascript"
        crossorigin="anonymous"></script>

<script language="javascript" src="https://js.mafengwo.net/flight/js/lib/angular-1.2.22/angular.min.js?1520196043"
        type="text/javascript" crossorigin="anonymous"></script>

<script language="javascript"
        src="https://js.mafengwo.net/flight/js/lib/angular-1.2.22/angular-sanitize.min.js?1520196043"
        type="text/javascript" crossorigin="anonymous"></script>

<script language="javascript" src="https://js.mafengwo.net/flight/js/lib/moment-with-locales.min.js?1520196043"
        type="text/javascript" crossorigin="anonymous"></script>

<script language="javascript" src="https://js.mafengwo.net/flight/js/lib/localStorage.js?1520196043"
        type="text/javascript" crossorigin="anonymous"></script>

<script language="javascript" src="https://js.mafengwo.net/flight/js/lib/dateUtil.js?1542356740"
        type="text/javascript"
        crossorigin="anonymous"></script>

<script language="javascript" src="https://js.mafengwo.net/js/common/widgets.js?1537192880" type="text/javascript"
        crossorigin="anonymous"></script>

<link href="https://css.mafengwo.net/css/mfw-toolbar.css?1537192876" rel="stylesheet" type="text/css"/>
<link href="http://css.mafengwo.net/flight/css/flightpc/index.2ef6f77c.css?1563968621" rel="stylesheet"
      type="text/css"/>
<link href="https://css.mafengwo.net/css/cv/flight+css+list:mobile+css+loading-80:css+jquery-ui-1.11.0.min:css+hotel+datepicker-range%5Ea1w%5E1552035728.css"
      rel="stylesheet" type="text/css"/>
<link href="http://css.mafengwo.net/css/cv/css+base:css+jquery.suggest:css+plugins:css+plugins+jquery.jgrowl:css+other+popup:css+mfw-header.2015%5EYlVS%5E1564104263.css"
      rel="stylesheet" type="text/css"/>


<#include "../common/footer.ftl">


</body>
</html>
